<template>
	<div id="Ss">
		<header>
			<router-link to="/sousuo/ssesf" tag="span" active-class="active1">二手房</router-link>
			<router-link to="/sousuo/ssxf" tag="span"  active-class="active1">新房</router-link>
			<router-link to="/sousuo/sszf" tag="span"  active-class="active1">租房</router-link>
		</header>
		<div class="ss_search_kuang">
	        <i class="iconfont icon-sousuo1"></i>
	        <router-link to="/search" tag="input" type="text" placeholder="你想住在哪？"></router-link>
	    </div>
	    <router-view></router-view>
	    <v-footer></v-footer>
	</div>
</template>

<script>
	import Footer from "./Footer"
	export default{
		name:"Ssuo",
		components:{
			"v-footer":Footer
		}
	}
</script>

<style>
#Ss header{
	padding: 0.48rem 1rem 0.36rem;
	height:0.48rem;
	font-size:0.4rem;
	font-family:PingFangSC-Light;
	font-weight:600;
	color:rgba(0,0,0,0.5);
	opacity:0.7;
	display: flex;
	justify-content: space-between;
}
#Ss .active1{
	color:rgba(0,0,0,1)!important;
}
#Ss .ss_search_kuang{
    height: 0.6rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.38rem;
    box-shadow: 0.04rem 0.02rem 0.1rem rgba(0, 0, 0, 0.36);
    margin: 0 0.46rem 0.02rem 0.54rem;
    box-sizing: border-box;
}

#Ss .ss_search_kuang i{
    margin: 0 0.33rem 0 0.37rem;
    font-size: 0.34rem;
  }

#Ss .ss_search_kuang input{
    width: 3.5rem;
    height: 0.54rem;
    line-height: 0.54rem;
    border: 0;
    font-size: 0.24rem;
    font-weight: 100;
    color: rgba(0, 0, 0, 1);
    opacity: 0.5;
  }

</style>
